<!DOCTYPE html>
<!-- saved from url=(0037)https://britishmuseum.withgoogle.com/ -->
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Museum of the World</title>
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<style>
		* {
			box-sizing: border-box;
		}
		html,body {
			padding: 0;
			margin: 0;
			overflow: hidden;
		}
		#overlays {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		#object-hover-info {
			position: absolute;
			display: block;
			text-decoration: none;
			left: 50%;
			top: 50%;
			width: 416px;
			min-height: 120px;
			box-sizing: border-box;
			z-index: 2;
			padding-left: 19px;
			padding-top: 10px;
			padding-right: 19px;
			padding-bottom: 14px;
			color: white;
			box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
			pointer-events: none;
			opacity: 0;
			transition: 0.5s;
			-webkit-animation: bounce 0.5s 1 both;
			animation: bounce 0.5s 1 both;
		}
		#object-hover-info.visible {
			opacity: 1;
			pointer-events: all;
		}

		.object-hover-person {
			display: flex;
			padding-top: 10px;
		}

		.object-hover-person-item {
			// width: 30px;
			height: 30px;
			padding: 2px 6px;
			border: 1px solid #eee;
			margin: 0 2px;
		}
		.object-hover-portrait {
			width: 100%;
		}
	</style>
</head>
<body>
<div class="webgl intro-state-4">
	<div id="overlays" style="cursor: default;"></div>

	<div id="object-hover-info">
		<h4 class="object-hover-title">title</h4>
		<div class="object-hover-culture">culture</div>
		<!--<div class="object-hover-person">
			<div class="object-hover-person-item">
				<img class="object-hover-portrait" src="/static/images/blob_0.png" alt="">
			</div>
			<div class="object-hover-person-item">
				<img class="object-hover-portrait" src="/static/images/blob_0.png" alt="">
			</div>
		</div>-->
	</div>
</div>
	<script src="/static/libraries/three.min.js"></script>
	<script src="/static/libraries/detector.js"></script>
	<script src="/static/libraries/xor4096.min.js"></script>
</body>
</html>
